<!DOCTYPE html>
<html lang="en">
  <head>
    <title>西藏传统乐器</title>
    <meta charset="utf-8">
    <meta Sname="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta Sname="description" content="探索西藏独特的传统乐器和音乐文化" />
    <meta Sname="keywords" content="西藏乐器, 传统音乐, 文化遗产" />
  
    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+Tibetan" rel="stylesheet"><!-- 支持藏文字符的字体 -->
    
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/style.css">

  </head>
  <body>
    
    <aside class="probootstrap-aside js-probootstrap-aside">
      <a href="#" class="probootstrap-close-menu js-probootstrap-close-menu d-md-none"><span class="oi oi-arrow-left"></span> Close</a>
      <div class="probootstrap-site-logo probootstrap-animate" data-animate-effect="fadeInLeft">
        
        <a href="index1.html" class="mb-2 d-block probootstrap-logo">西藏传统乐器</a>
        <p class="mb-0">text</p>
      </div>
      <div class="probootstrap-overflow">
        <nav class="probootstrap-nav">
          <ul>
            <li class="probootstrap-animate" data-animate-effect="fadeInLeft"><a href="index1.html">首页</a></li>
            <li class="probootstrap-animate" data-animate-effect="fadeInLeft"><a href="about1.html">关于</a></li>
            <li class="probootstrap-animate active" data-animate-effect="fadeInLeft"><a href="services1.html">服务</a></li>
            <li class="probootstrap-animate" data-animate-effect="fadeInLeft"><a href="contact1.html">联系</a></li>
          </ul>
        </nav>
        <footer class="probootstrap-aside-footer probootstrap-animate" data-animate-effect="fadeInLeft">
          <ul class="list-unstyled d-flex probootstrap-aside-social">
            <li><a href="#" class="p-2"><span class="icon-twitter"></span></a></li>
            <li><a href="#" class="p-2"><span class="icon-instagram"></span></a></li>
            <li><a href="#" class="p-2"><span class="icon-dribbble"></span></a></li>
          </ul>
          <p>&copy; 2023 全都对队 <br> All Rights Reserved.</p>
        </footer>
      </div>
    </aside>


    <main role="main" class="probootstrap-main js-probootstrap-main">
      <div class="probootstrap-bar">
        <a href="#" class="probootstrap-toggle js-probootstrap-toggle"><span class="oi oi-menu"></span></a>
        <div class="probootstrap-main-site-logo"><a href="index1.html">西藏传统乐器</a></a></div>
      </div>
      <div class="container-fluid">
        <div class="row justify-content-center">
          <div class="col-xl-8 col-lg-12">
            <p class="mb-5"><img src="images/img_bg_1.jpg" alt="西藏传统乐器" class="img-fluid"></p>

            <div class="row">
              <div class="col-xl-8 col-lg-12 mx-auto">
                <h1 class="mb-3">text</h1>
               
                <p>text</p>  
              </div>
            </div>
            
          </div>
        </div>
        <!-- END row -->

        <section class="probootstrap-section">
          <div class="container-fluid">
            <div class="row mb-5">
              
              <div class="col-lg-4 col-md-6">
                <div class="media d-block mb-4 text-left probootstrap-media p-md-5 p-4">
                  <div class="probootstrap-icon mb-3"><span class="oi oi-thumb-up display-4"></span></div>
                  <div class="media-body">
                    <h5 class="mt-0">text</h5>
                    <p>text</p>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-6">
                <div class="media d-block mb-4 text-left probootstrap-media p-md-5 p-4">
                  <div class="probootstrap-icon mb-3"><span class="oi oi-wrench display-4"></span></div>
                  <div class="media-body">
                    <h5 class="mt-0">text</h5>
                    <p>text</p>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-6">
                <div class="media d-block mb-4 text-left probootstrap-media p-md-5 p-4">
                  <div class="probootstrap-icon mb-3"><span class="oi oi-person display-4"></span></div>
                  <div class="media-body">
                    <h5 class="mt-0">text</h5>
                    <p>text</p>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-md-6">
                <div class="media d-block mb-4 text-left probootstrap-media p-md-5 p-4">
                  <div class="probootstrap-icon mb-3"><span class="oi oi-location display-4"></span></div>
                  <div class="media-body">
                    <h5 class="mt-0">text</h5>
                    <p>text</p>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-6">
                <div class="media d-block mb-4 text-left probootstrap-media p-md-5 p-4">
                  <div class="probootstrap-icon mb-3"><span class="oi oi-monitor display-4"></span></div>
                  <div class="media-body">
                    <h5 class="mt-0">text</h5>
                    <p>text</p>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-md-6">
                <div class="media d-block mb-4 text-left probootstrap-media p-md-5 p-4">
                  <div class="probootstrap-icon mb-3"><span class="oi oi-pencil display-4"></span></div>
                  <div class="media-body">
                    <h5 class="mt-0">text</h5>
                    <p>text</p>
                  </div>
                </div>
              </div>
            </div>
            
            

            
          </div>
        </section>
        <!-- END section -->

      </div>

      <div class="container-fluid d-md-none">
        <div class="row">
          <div class="col-md-12">
            <ul class="list-unstyled d-flex probootstrap-aside-social">
              <li><a href="#" class="p-2"><span class="icon-twitter"></span></a></li>
              <li><a href="#" class="p-2"><span class="icon-instagram"></span></a></li>
              <li><a href="#" class="p-2"><span class="icon-dribbble"></span></a></li>
            </ul>
            <p>&copy; 2023 全都对队 <br> All Rights Reserved.</p>
          </div>
        </div>
      </div>

    </main>

    

    <script src="js/jquery-3.2.1.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>

    <script src="js/main.js"></script>
   
    
  </body>
</html>